<!DOCTYPE html>
<html lang="en">

<head th:replace="/admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客管理</title>
    <link rel="stylesheet" href="../../static/dist/semantic/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css">
    <link rel="stylesheet" href="/static/lib/icon/iconfont.css">
</head>

<body class="Site">
    <!-- 导航 -->
    <nav th:replace="admin/_fragments :: menu(0)" class="ui m-padded-tb-mini m-opacity-mini">
        <div class="ui container">
            <div class="ui orange segment stackable menu m-padded-tb-mini">
                <h2 class="ui teal header item">管理后台</h2>
                <a href="#" class="active m-item item m-mobile-hide"><i class=" home icon"></i>博客</a>
                <a href="#" class="m-item item m-mobile-hide"><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fenlei"></use>
                </svg>分类</a>
                <a href="#" class="m-item item m-mobile-hide "><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-biaoqian"></use>
                </svg> 标签</a>
                <div class="m-item right m-mobile-hide menu">
                    <div class="ui dropdown item">
                        <div class="text">
                            <img src="../../static/images/Cache_-79d079ba8ca743f7..jpg" alt="" class="ui avatar image">
                            猪油骨
                        </div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a href="#" class="item">注销</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui menu toggle button m-right-top">
            <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-liebiao"></use>
        </svg></i></a>
    </nav>


    <!-- 中间 -->
    <div class="m-container-small m-padded-tb-big Site-content">
        <div class="ui container">
            <div class="ui success large message">
                <h2>Hi,</h2>
                <p>猪油骨，欢迎登录！</p>
            </div>
            <img src="http://iph.href.lu/1000x400?text=头像" alt="" class="ui rounded bordered fluid image">
        </div>
    </div>
                <br>
                <br>
                <br>

                <!-- 底部 -->
                <footer th:replace="admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">
                    <div class="ui center aligned container">
                        <div class="ui inverted divided stackable grid">
                            <div class="three wide column">
                                <div class="ui inverted link list">
                                    <div class="item">
                                        <img src="../../static/images/Cache_-79d079ba8ca743f7..jpg"
                                            class="ui rounded image" alt="" style="width: 110px;">
                                    </div>
                                </div>
                            </div>
                            <div class="three wide column">
                                <h4 class="ui center aligned inverted header m-text-thin m-text-spaced">最新博客</h4>
                                <div class="ui inverted link list">
                                    <a href="#" class="item">用户故事(User Story)</a>
                                    <a href="#" class="item">用户故事(User Story)</a>
                                    <a href="#" class="item">用户故事(User Story)</a>
                                </div>
                            </div>
                            <div class="three wide column">
                                <h4 class="ui center aligned inverted header m-text-thin m-text-spaced">联系我</h4>
                                <div class="ui inverted link list">
                                    <a href="#" class="item">Email:1937627852@qq.com</a>
                                    <a href="#" class="item">QQ:1937627852</a>
                                    <a href="#" class="item">微信:zhuyougu10</a>

                                </div>
                            </div>
                            <div class="seven wide column">
                                <h4 class="ui center aligned inverted header m-text-thin m-text-spaced">声明：</h4>
                                <p class="m-text-thin m-text-spaced m-opacity-mini">此网站只用于交流学习，请勿用作它途。如有侵权，请联系， 删除处理。
                                </p>
                            </div>
                        </div>
                        <div class="ui inverted section divider"></div>
                        <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2022</p>
                    </div>
                </footer>
    <!--/*/<th:block th:replace="_fragments :: script">/*/-->
    <script src="/static/dist/jquery/jquery-3.6.0.min.js"></script>
    <script src="/static/dist/semantic/semantic.min.js" ></script>
    <script src="/static/lib/icon/iconfont.js"></script>
    <!--/*/</th:block>/*/-->
                <script>
                    $('.menu.toggle').click(function () {
                        $('.m-item').toggleClass('m-mobile-hide');
                    });
                    $('.ui.dropdown').dropdown({
                        on: 'hover'
                    });
                </script>

</body>

</html>
